<template>
  <div class="home">
    <div class="Breadcrumb">
      <Breadcrumb :breadList='position'></Breadcrumb>
    </div>
    <div class="MainBox">
      <Main @clickFuc="clickFuc" ></Main>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import Main from '@/components/Main';
import Breadcrumb from '@/components/Breadcrumb';
export default {
  name: 'Home',
  data(){
    return {
      position: ["Main"]
    }
  },
  components: {
    Main,
    Breadcrumb
  },
  methods:{
    clickFuc(index) {
      console.log('login setting')
      switch(index) {
        case 0: 
          console.log("goto Android",index);
          // 跳转Android子路由
          this.$router.push({
            path:"Android"
          })
          break
        case 1:
          console.log(index);
          // 跳转linux 子路由
          this.$router.push({
            path:"Linux"
          })
          break
      }
    }
  }
}
</script>
<style scoped>
.home{
  height: 100%;
  width: 100%;
}
.home .Breadcrumb{
  height: 5%;
  width: 100%;
  border-bottom: 0.5px;
  box-sizing: border-box;
  border-bottom:solid;
  border-color: #8D8D8D;
     
}
.home .MainBox{
  height: 95%;
  width: 100%;
     
}
</style>
